/* Global styles */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Sidebar common styles - can be further customized or overridden in specific HTML files if needed */
.sidebar {
    transition: margin-left 0.3s ease-in-out;
}

.sidebar .nav-link i {
    width: 20px; /* Ensure icons align nicely */
    text-align: center;
}

/* Content area common styles */
.content {
    transition: margin-left 0.3s ease-in-out;
    width: 100%;
}

/* Styling for tables (will be used later) */
.table th, .table td {
    vertical-align: middle;
}

.table thead th {
    background-color: #e9ecef;
}

/* Modal styles (will be used for forms) */
.modal-header {
    background-color: #007bff;
    color: white;
}

.modal-header .close {
    color: white;
    opacity: 1;
}

/* Form validation styling */
.form-control.is-invalid {
    border-color: #dc3545;
}
.invalid-feedback {
    display: block; /* Ensure feedback is shown */
}

/* Button container for action buttons in tables or forms */
.action-buttons button {
    margin-right: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sidebar.toggled {
        margin-left: 0 !important;
    }
    .sidebar:not(.toggled) {
        margin-left: -250px !important; /* Ensure it's off-screen by default on mobile if not toggled */
    }
    .content {
        padding-left: 15px; /* Adjust padding when sidebar might be overlaid or hidden */
        padding-right: 15px;
    }
    /* Ensure the toggle button is visible and correctly positioned */
    #sidebarCollapse, #sidebarCollapseStudent {
        display: block !important; 
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 1030; /* Ensure it's above other content */
    }
} 